<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <button id="btn">点我jsonp</button>


  <script type="text/javascript">

  document.getElementById('btn').onclick = function () {
      var script = document.createElement('script');
      script.src = 'http://localhost:8888/jsonp';
      
      // 创建全局函数,js代码回来执行调用该函数
      var callbackName = 'myjsonp_' + Date.now();
      window[callbackName] = function (data) {
          alert(`数据回来了:${data}`);
      }

      // 拼接回调函数名称给服务器
      script.src += '?callback=' + callbackName; 
      // 加入body发起请求
      document.body.appendChild(script);


  }


  </script>
</body>
</html>